// 绿色
@green: #05B75D; // 绿色的switch按钮

// 红色
@red: #ff5050;

// 蓝色
@blue: #00a5ef;

// 黄色
@yellow: #ff8800;

// 滚动条
@scrollColor: #bcd0e5;

// 浅蓝色边框
@borderColor: #b6cae4;

// 灰色边框
@borderColor-h: #dcdcdc;

// 计数器的边框和字体颜色
@counterColor: #0090ff;

// 字体颜色
@fontColor: #334d6d;



.green-switch {
    .ant-switch-checked {
        background: @green;
    }
}

// 文本域
textarea.ant-input {
    padding: 16px;
    box-sizing: border-box;
    line-height: 21px;
    overflow: scroll;
    height: 100%
}

// 滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

// 滚动条
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: @scrollColor;
}

.counter {
    display: flex;
    justify-content: space-between;
    width: 180px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    border: 1px solid @borderColor;
    border-radius: 4px;

    span {
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        color: @counterColor;

        &:first-child {
            color: #999999;
            width: 34px;
            height: 33px;
            font-size: 18px;
            font-weight: 600;
            border-right: 1px solid @borderColor;
            cursor: pointer;
            background-color: rgba(0, 144, 255, 0.1);
        }

        &:last-child {
            color: #999999;
            cursor: pointer;
            width: 34px;
            font-weight: 600;
            height: 33px;
            font-size: 18px;
            border-left: 1px solid @borderColor;
            background-color: rgba(0, 144, 255, 0.1);
        }
    }

    &:hover {
        border: 1px solid @counterColor;

        span {
            color: @counterColor;
        }

        span:first-child {
            border-right: 1px solid @counterColor;
        }

        span:last-child {
            border-left: 1px solid @counterColor;
        }
    }
}

.disabled {
    border: 1px solid @borderColor-h;
    background-color: #f5f5f5;
    cursor: not-allowed !important;

    span {
        color: #b5b5b5;

        &:first-child {
            border-right: 1px solid @borderColor-h;
            background-color: transparent;
        }

        &:nth-child(3) {
            color: #b5b5b5;
            width: 34px;
            font-weight: 600;
            height: 33px;
            font-size: 18px;
            border-left: 1px solid @borderColor-h;
            background-color: transparent;
        }
    }

    &:hover {
        cursor: not-allowed !important;
        border: 1px solid @borderColor-h;

        span {
            cursor: not-allowed !important;
            color: #b5b5b5;
        }

        span:first-child {
            cursor: not-allowed !important;
            border-right: 1px solid @borderColor-h;
        }

        span:last-child {
            cursor: not-allowed !important;
            border-left: 1px solid @borderColor-h;
        }
    }
}

// 徽标数
.ant-badge-dot {
    background: #ff5500 !important;
}

// 自定义徽标内容
.diy {
    width: 100px;
    height: 34px;
    border: 1px solid #0090ff;
    position: relative;

    div {
        position: absolute;
        text-align: center;
        width: 32px;
        height: 16px;
        box-sizing: border-box;
        padding: 0 4px;
        line-height: 16px;
        border-radius: 40%;
        background-color: @red;
        right: -12px;
        top: -9px;
        font-size: 12px;
        color: #fff;
    }
}

/* 基础表格 */
.ant-table-tbody .ant-table-row:nth-child(even) {
    background-color: rgba(236, 241, 250, 0.6);
}

.ant-table-tbody>tr>td {
    padding: 0;
    height: 40px;
    padding-left: 16px;
    color: @fontColor
}

.ant-table-thead>tr>th {
    background: #ecf1fa;
    color: @fontColor;
    font-weight: bolder;
    border: rgba(182, 202, 228, 0.5);
    padding: 0;
    height: 40px;
    padding-left: 16px;
}

// 表格 hover
.ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
    background-color: #f4f1dc;
}

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
    color: @fontColor;
}

// a标签
a {
    color: @fontColor
}

.ant-steps-item-finish,
.ant-steps-item-icon {
    border-width: 2px;
}

// 目录树
.mlshu {
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
        background-color: transparent;
    }

    .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
        background-color: transparent;
    }

    // .ant-tree li .ant-tree-node-content-wrapper {
    //     height: 32px;
    // }

    // .ant-tree-child-tree li {
    //     height: 32px;
    // }

    // .ant-tree li {
    //     padding: 0;
    // }

    // .ant-tree-child-tree>li:first-child {
    //     padding-top: 0;
    // }

    // .ant-tree-treenode-checkbox-checked {
    //     color: #007eff;
    //     background: rgb(213, 236, 255);
    // }

    .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
        color: #6387b3;
    }

    .ant-tree-treenode-switcher-open li:hover {
        background-color: #f4f1dc;
    }

    .ant-tree li .ant-tree-node-content-wrapper:hover {
        background-color: transparent;
        color: @fontColor;
    }

    .ant-tree li .ant-tree-node-content-wrapper {
        color: @fontColor;
    }

    .ant-tree.ant-tree-show-line li:not(:last-child)::before {
        border: 1px dashed @borderColor-h;
    }

    .ant-tree-title {
        font-weight: bold;
    }

    .ant-tree-checkbox-inner {
        border: 1px solid @fontColor;
    }

    .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
        height: 1px;
    }

    .ant-tree.ant-tree-show-line li:not(:last-child)::before {
        border: none;
    }

    .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
        border: none;
    }

    .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
        background-color: @fontColor;
    }
}





// 时间选择器
.ant-calendar-range-picker-separator {
    visibility: hidden;
}

.range-picker .ant-calendar-picker::before {
    content: "至";
    position: relative;
    left: 160px;
    top: 26px;
    z-index: 99;
}

.ant-calendar-picker-container {
    color: @fontColor;
}

.ant-calendar-date {
    color: @fontColor;
}

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
    color: @fontColor;
}

.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
    border-radius: 50%;
}

.ant-calendar-date {
    border: none;
}

.ant-calendar-selected-day .ant-calendar-date {
    border-radius: 50%;
    background-color: #0090ff;
    color: #fff;
}

// 展开行列表
.kzklb .ant-table-tbody .ant-table-row:nth-child(even) {
    background-color: transparent;
}

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
    background-color: rgba(236, 241, 250, 0.6);
}

// 抽屉
.ant-drawer-header {
    padding: 16px;
}
.ant-drawer-body {
    padding: 16px;
}

/* 下拉框 ?*/
.dropdown .ant-btn {
    border-color: @borderColor;
    background-color: rgba(0, 144, 255, 0.1);
    color: #4a76ab;
}

.empty .ant-btn {
    border: none;
    color: #0090ff;

    .anticon-down {
        color: #ccc;
    }

}

//  文字链接去掉shadow
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
    --antd-wave-shadow-color: #fff !important;
}

.ant-dropdown-menu-item {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.ant-dropdown-menu-item-active {
    color: #0090ff;
    background-color: rgba(0, 144, 255, 0.1) !important;
}

.ant-dropdown-placement-bottomLeft {
    top: 144px !important;
}

.ant-dropdown-placement-bottomLeft .ant-dropdown-menu::after {
    content: "";
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent rgba(220, 220, 220, 0.7) transparent;
    padding: 0px;
    width: 0px;
    height: 0px;
    left: 40px;
    top: -13px;
    position: absolute;
}

.ant-dropdown-placement-bottomLeft .ant-dropdown-menu::before {
    content: "";
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    padding: 0px;
    width: 0px;
    height: 0px;
    left: 40px;
    top: -12px;
    z-index: 8;
    position: absolute;
}

/* 卡片 */
.ant-card-bordered {
    border-top: 3px solid @green;
}

.ant-card-head {
    min-height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border-bottom: none;
}

.ant-card-head-wrapper {
    border-bottom: 1px dashed #e8e8e8;
}

.ant-card-head-title {
    padding: 0;
}

.ant-card-extra {
    padding: 0;
}

.ant-card-body {
    padding: 16px;
}

.left-border {
    .ant-card-bordered {
        border-top: 1px solid #e8e8e8 !important;
        border-left: 3px solid @red;
    }

    .ant-card-head {
        min-height: 40px;
        line-height: 40px;
        padding: 0 16px;
        border-bottom: none;
    }

    .ant-card-head-wrapper {
        border-bottom: 1px dashed #e8e8e8;
    }

    .ant-card-head-title {
        padding: 0;
    }

    .ant-card-extra {
        padding: 0;
    }

    .ant-card-body {
        padding: 16px;
    }
}

.tab-box {
    border: 1px solid #b6cae4;
}

// .ant-tabs-nav-wrap {
//     color: #4a76ab;
// }

// .ant-tabs-tab-active {
//     color: #007eff !important;
//     font-weight: bold !important;
// }

.ant-tabs-ink-bar {
    left: 17px;
}

.ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 11px 16px;
    border-bottom: 3px solid #4084F0 !important;
}




/*  */
.card-container {
    // border: 1px solid #b6cae4;
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
    border-color: transparent;
    background: transparent;
    border: none !important;
    
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    border-color: #fff;
    background: #fff;
    border-bottom: 2px solid #4084F0 !important;
}



.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    border-radius: 0;
    border: 1px solid #b6cae4;
}

.card-container .ant-tabs-nav {
    background: #cbe2ff;
}

.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin: 0;
}


.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
    margin-right: 0;
    margin-left: 10px;
    width: 12px;
    height: 12px;
}

// .card-container .anticon svg {
//     font-size: 12px !important;
// }

.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
    color: red;
}

// 竖
.card-vertical-container {
    border: 1px solid #b6cae4;

    .ant-tabs-ink-bar {
        background-color: transparent !important;
    }

    .ant-tabs-tab-active {
        border-color: #fff;
        background: #fff;
    }

    .ant-tabs-tab-active::after {
        content: "";
        height: 100%;
        width: 2px;
        background: #0090ff !important;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
    .ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
        margin: 0 0 6px 0;
    }

    .ant-tabs-tab:last-child {
        margin-bottom: 0 !important;
    }

    .ant-tabs-nav {
        background: #cbe2ff;
    }

    .ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
    .ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
        padding: 10px 10px;
        min-width: 95px;
    }

    .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
        text-align: left;
    }
}

// 复选下拉框
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
    background-color: rgba(203, 226, 255, 0.6);
    color: #007eff;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: transparent;
}

.ant-select-tree {
    color: @fontColor;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper {
    color: @fontColor;
}

// 折叠/嵌套面板

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
    color: @fontColor;
}

.ant-collapse {
    border: 1px solid rgba(182, 202, 228, 0.5);
}

/* 进度条 */
.ant-progress-inner {
    background-color: #dcdcdc;
}

.ant-progress-success-bg,
.ant-progress-bg {
    background-color: #00a5ef;
}

.ant-progress-text {
    font-weight: bold;
    color: #333;
}

.green-progress .ant-progress-bg {
    background-color: #67c23a;
}

.out-progress-box {
    width: 100%;
    height: 20px;
    background-color: #dcdcdc;
    border-radius: 100px;
}

.inside-progress-box-red {
    width: 50%;
    background-color: #ff5050;
    height: 100%;
    border-radius: 100px;
    font-size: 14px;
    text-align: right;
    padding-right: 6px;
    color: #fff;
}

.inside-progress-box-blue {
    width: 60%;
    background-color: #00a5ef;
    height: 100%;
    border-radius: 100px;
    font-size: 14px;
    text-align: right;
    padding-right: 6px;
    color: #fff;
}

.inside-progress-box-green {
    width: 70%;
    background-color: #67c23a;
    height: 100%;
    border-radius: 100px;
    font-size: 14px;
    text-align: right;
    padding-right: 6px;
    color: #fff;
}

.ant-progress-circle-trail {
    stroke: #dcdcdc !important;
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #00a5ef !important;
}

.ant-progress-circle .ant-progress-text {
    color: #333;
}

.ant-progress-circle-green .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #67c23a !important;
}

/* 选中 未选中 */
.btn {
    display: inline-block;
    min-width: 94px;
    height: 28px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    background-color: #f5f5f5;
    color: rgba(51, 77, 109 0.8);
    line-height: 28px;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 15px;
    text-align: center;
}

.btn_active {
    position: relative;
    display: inline-block;
    height: 28px;
    border: 1px solid #05b75d;
    box-sizing: border-box;
    background-color: #fff;
    color: #334d6d;
    // line-height: 28px;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 15px;
    text-align: center;
}

.btn_active:after {
    content: "";
    height: 0;
    border: solid transparent;
    position: absolute;
    border-width: 9px;
    border-top-color: #05b75d;
    border-right-color: #05b75d;
    top: 0px;
    right: 0px;
}

.btn_active::before {
    content: "";
    width: 6px;
    height: 9px;
    position: absolute;
    right: 2px;
    bottom: 18px;
    z-index: 1;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}